<template>
  <div>
      <h1>defineModel自定义父子的v-model</h1>
      <h1>父传子：{{msg}}</h1>
      <button @click="change">改变子组件的数据</button>

      <input type="text" v-model="count">
  </div>
</template>
<script setup>
 import {defineModel} from 'vue'
//  useModel 非语法糖的 快速完成父传子，子传父
// 和defineModel 一样

// defineModel  可以快速完成父传子，子传父的语法糖
// v-model:属性="" 完成的
 let msg= defineModel('msg')

 let count=defineModel("count")

 
let change=()=>{
  // 改变子组件的值 完成的子传父
    msg.value='改变后的数据 赵本山'
}
</script>